.box {
  background:#FFF;
  border-radius:2px;
  box-shadow:0 0 3px rgba(0,0,0,0.2);
}
.box header {
  background:#444;
  color:#FFF;
  padding:8px 16px;
  margin:0;
  font-size:10px;
  font-weight:bold;
  border-radius:2px 2px 0 0;
  text-transform:uppercase;
}
.box hgroup { padding-top:10px; }
.box hgroup h1 {
  background:#444;
  color:#00b3e6;
  font-weight:normal;
  font-size:24px;
  padding:9px 30px;
  margin:0;
  margin-left:-5px;
  margin-right:-5px;
  border-radius:2px;
  box-shadow:0 0 4px rgba(0,0,0,0.2);
}
.box .o-list {
  padding:8px 16px;
  border-bottom:dashed 1px #DDD;
}
.box .o-list:last-child {
  border-radius:0 0 2px 2px;
  border-bottom:0;
}
.box .o-content {
  padding:10px 25px;
  border-bottom:dashed 1px #DDD;
}
.box .o-content:last-child {
  border-radius:0 0 2px 2px;
  border-bottom:0;
}
.box .o-content h2 {
  margin:0;
  margin-bottom:-10px;
  margin-top:30px;
  color:#00b3e6;
  font-weight:normal;
  font-size:18px;
  margin-left:30px;
}
.box .o-content h2:first-child { margin-top:10px; }
.box .o-content p {
  text-align:justify;
  font-size:13px;
  line-height:22px;
  margin:20px 0 20px 0;
}
.box .o-content p:first-child { margin-top:5px; }
.box .o-content p:last-child { margin-bottom:10px; }
.box .o-content code {
  background:#F7F7F7;
  border:1px dotted #DDD;
  display:block;
  border-radius:2px;
}
.box .o-content code pre {
  margin:0;
  padding:0;
  padding-left:15px;
}
.push {
  background:#444;
  color:#FFF;
  padding:8px 16px;
  margin:0;
  font-size:10px;
  font-weight:bold;
  border-radius:2px;
  text-transform:uppercase;
  box-shadow:0 0 3px rgba(0,0,0,0.2);
  border:0;
}
.push.blur { background:#b3b3b3; }
.push:hover, .push.selected {
  background:#00b3e6;
  cursor:pointer;
}
.pushgroup { text-align:right; }
.pushgroup .push {
  display:inline-block;
  margin-left:5px;
}
form label {
  display:inline-block;
  min-width:40px;
}
form input[type=text], form textarea {
  border:1px solid #DDD;
  padding:4px 6px;
  font-family:"Trebuchet MS";
  color:#666;
  border-radius:2px;
}
form a { display:inline-block; }
.list-home {
  float:left;
  margin-right:25px;
  width:360px;
}
.list-home.tiny {
  width:180px;
  margin-right:0;
}
.list-home article { border-left:2px solid #FFF; }
.list-home article:hover {
  color:#00b3e6;
  cursor:pointer;
  border-left:2px solid #00b3e6;
}
.list-home article .title { font-size:15px; }
.list-home article .info {
  font-size:11px;
  color:#AAA;
}
.side-box {
  float:left;
  display:inline-block;
}
#side-info {
  float:right;
  width:180px;
}
#side-info #author { margin-bottom:15px; }
#side-info #actions a {
  display:block;
  margin-bottom:5px;
}
#trick { margin-right:200px; }
#trick h1 strong {
  font-weight:normal;
  color:#FFF;
}
#comments {
  font-size:13px;
  margin-right:200px;
  margin-top:20px;
}
#comments .box-item { padding:15px 25px; }
#comments .avatar {
  height:32px;
  width:32px;
  background:#DDD;
  float:left;
}
#comments .username, #comments .comment { margin-left:45px; }
#comments .username { color:#00b3e6; }
#comments .comment { text-align:justify; }
#comments time {
  float:right;
  color:#CCC;
  font-size:11px;
}
#comments-form {
  margin-right:200px;
  margin-top:20px;
}
#comments-form .avatar {
  height:32px;
  width:32px;
  background:#DDD;
  float:left;
}
#comments-form textarea {
  display:block;
  height:125px;
  margin-bottom:5px;
  margin-left:45px;
  width:670px;
}
#dash-menu {
  float:left;
  width:150px;
}
#dash-menu a {
  display:block;
  background:#444;
  color:#FFF;
  padding:8px 16px;
  margin:0;
  font-size:10px;
  font-weight:bold;
  border-radius:2px;
  text-transform:uppercase;
  margin-bottom:5px;
}
#dash-menu a:hover, #dash-menu a.selected { background:#00b3e6; }
#dash-menu a span { float:right; }
#dash-content { margin-left:170px; }
#dash-content table.listing {
  border-collapse:collapse;
  width:100%;
}
#dash-content table.listing thead tr td {
  font-weight:bold;
  text-transform:uppercase;
  background:#F6F6F6;
  padding:6px 20px;
  font-size:10px;
}
#dash-content table.listing tr td {
  padding:12px 20px;
  border-bottom:1px solid #EEE;
}
form.trick .title { width:685px; }
form.trick .wysiwyg {
  border:1px solid #DDD;
  border-radius:2px;
}
form.trick .wysiwyg .toolbar { background:#DDD; }
form.trick .wysiwyg .toolbar span {
  display:inline-block;
  padding:4px 8px;
  margin:4px 6px;
  font-size:10px;
  font-weight:bold;
  border-radius:2px;
}
form.trick .wysiwyg .toolbar span:hover {
  background:#444;
  color:#00b3e6;
  cursor:pointer;
}
form.trick .wysiwyg .draft { height:450px; }
form.trick .draft-info {
  color:#999999;
  margin-top:6px;
  font-style:italic;
}
